<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新增角色</title>
    <link rel="stylesheet" href="css/myself/public.css" type="text/css">
    <link rel="stylesheet" href="css/myself/sideBar.css" type="text/css">
    <link rel="stylesheet" href="css/myself/user_admin.css" type="text/css">
    <link rel="stylesheet" href="css/myself/add_account.css" type="text/css">
    <link rel="stylesheet" href="css/public/zTreeStyle.css" type="text/css">
    <link rel="stylesheet" href="css/myself/add_juese.css" type="text/css">
    <link rel="stylesheet" href="css/myself/scroll_init.css" type="text/css" >
</head>

<body>
<div class="main clearFloat">
    <!--右边的-->
    <div class="main_right fr">

        <!--头部的h1-->
        <div class="header clearFloat">
            <ul class="fr clearFloat admin">
                <li>admin</li>
                <li><img src="images/ad1.jpg" alt="">修改密码</li>
                <li><img src="images/ad2.jpg" alt="">退出</li>
            </ul>
            <h1 class="fl">全民健康后台管理系统</h1>
        </div>

        <div class="wrap_percent">
            <div class="percent_div">
                <!--头部的little  nav-->
                <div class="clearFloat">
                    <span class="back fl"><a href="juese_admin.html">返&nbsp;&nbsp;回</a></span>

                    <span class="fl fanhui"><a href="juese_admin.html">角色管理>></a></span>
                    <span class="fl fanhui" class="fl">新增角色</span>
                </div>

                <!--信息-->
                <div class="add-account">
                    <form action="" method="">
                        <dl class="clearFloat add-dl">
                            <dt class="fl">角色名称</dt>
                            <dd class="fl">
                                <input type="text" class="txt" name="roleName" required>
                                <span class="juese_common">*此名称已经存在!请另外在起一个吧......</span>
                            </dd>
                        </dl>
                        <dl class="clearFloat add-dl">
                            <dt class="fl">角色描述</dt>
                            <dd class="fl"><input type="text" class="txt" name="description" required></dd>
                        </dl>
                        <dl class="clearFloat add-dl">
                            <dt class="fl"><label>角色权限</label></dt>
                            <dd class="fl">
                                <div class="houtai-add juese-tong">
                                    <!--    ztree展示角色权限     -->
                                    <ul id="treeDemo" class="ztree" style="padding-left:100px"></ul>
                                </div>


                            </dd>
                        </dl>
                        <div class="is-save">
                            <a href="juese_admin.html" class="change-btn">取消</a>&nbsp;&nbsp;
                            <input type="button" value="保存" class="add-juese-save change-btn">
                        </div>
                    </form>

                </div>

            </div>

        </div>

    </div>

    <!--左边的logo&侧边栏-->
    <div class="main_left fl">

        <div class="setSideBarPosition div_scroll">
            <div class="logo"><img src="images/logo1.jpg" alt="全民健康"></div>
            <!--引用jqueryUI写出来的侧边栏-->
            <div id="accordion"></div>

        </div>

    </div>

</div>
<!--遮罩层-->
<div class="mask-change">
</div>
<!--修改密码的弹出框-->
<div class="chang-password">
    <div class="cancle"><img src="images/cha.png" alt=""></div>
    <h2>修改密码</h2>
    <form action="">
        <p><label for="now">新密码</label><input type="password" id="now" required name="newpassword"><span class="noEmpty">*不能为空</span></p>
        <p>
            <label for="con">再次输入新密码</label><input type="password" id="con" required name="reInput">
            <span class="noEmpty">*不能为空</span>
            <span class="noCommon">*与上面的不一致</span>
        </p>

        <p class="chang-p"><input type="submit" class="change-btn chang-cancle" value="取消" style="margin:0 10px 0 0;"><input type="button" class="change-btn sure-change-password" value="确定"></p>
    </form>
</div>
<!--密码修改成功-->
<div class="change-success">
    密码修改成功!
</div>
<!--确定是否要退出-->
<div class="tuichu every-tuichu">
    <h2>是否退出登录</h2>
    <p class="chang-p"><input type="button" class="change-btn chang-cancle" value="取消" style="margin:0 10px 0 0;"><input type="button" class="change-btn sure-exit" value="确定"></p>
</div>
</body>

<script type="text/javascript" src="js/public/jquery.js"></script>
<script type="text/javascript" src="js/public/base64.js"></script>
<script type="text/javascript" src="url/address.js"></script>
<script type="text/javascript" src="js/public/mousewheel.js"></script>
<script type="text/javascript" src="js/public/easyscroll.js"></script>
<script type="text/javascript" src="js/myself/public.js"></script>
<script type="text/javascript" src="js/public/jquery.ztree.core.js"></script>
<script type="text/javascript" src="js/public/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="js/myself/ztree_zhenghe.js"></script>
<script type="text/javascript" src="js/myself/juese_admin_common.js"></script>
<script type="text/javascript" src="js/myself/add_juese.js"></script>
</html>
